<template>
  <ul class="todo-main">
    <TodoItem v-for="todobj in todos" :key="todobj.id"
              :todo="todobj" />
  </ul>
</template>
<script>
import TodoItem from "./TodoItem";

export default {
  name: "TodoList",
  components:{TodoItem},
  props:["todos" ]
}
</script>

<style scoped>

</style>
